/**
 * Created by cherrybomb on 2017/11/20.
 */
import React, { Component } from 'react';
import {
    Text,
    View,
} from 'react-native';
import {NavBar} from 'iftide'


export default class Basic1 extends Component{
    constructor(props) {
        super(props);
    }

    leftButtonFunc(){
        console.log('left BUTTON click');

    }
    rightButtonFunc(){
        console.log('right BUTTON click');

    }

    listenImgClick(){
        alert('1');
    }

    render() {
       
        let header2= {
            headerType:'header',
            // leftButton: '关闭',
            // isImage:require('../images/navbar_plus.png'),
            title: '境外汇款',
            leftButtonFunc:this.leftButtonFunc,
            rightButtonFunc:this.rightButtonFunc,
            titleParams:{
                scroll:false
            }
        };
        let img = require('../images/im-navbar-service.png');
        return (
            <View>
                <NavBar 
                    {...header2} 
                    rightButtonType={'more'}
                    listenImg={img}
                />
                
                <View style={{height:10}}/>
                <NavBar 
                    {...header2} 
                    rightButton={"保存"}
                    listenImg={img}
                    leftButton={'返回'}
                    // rightButtonColor={'#ff7b7b'}
                />
                <View style={{height:10}}/>
                <NavBar 
                    // headerStyle={'small'}
                    {...header2} 
                    listenImg={img}
                    isImage={img}
                    // listenImgStyle={{width:44,height:44,resizeMode:'contain'}}
                    listenImgClickFunc={this.listenImgClick}
                    borderBottomColor='#437'
                />
                <View style={{height:10}}/>
            </View>
        );
    }
}